<template>
  <div>
    <el-row>
      所属批次
      <el-input v-model="input" placeholder="请输入所属批次关键字"></el-input>
      <el-button icon="el-icon-search">搜索</el-button>
      <el-button icon="el-icon-refresh-left">重置</el-button>
    </el-row>
    <el-table border style="width: 100%">
      <el-table-column prop="date" label="卡号" width="180"> </el-table-column>
      <el-table-column prop="name" label="密码" width="180"> </el-table-column>
      <el-table-column prop="address" label="所属批次"> </el-table-column>
      <el-table-column prop="date" label="兑换时间" width="180">
      </el-table-column>
      <el-table-column prop="name" label="兑换人" width="180">
      </el-table-column>
      <el-table-column prop="address" label="兑换人手机号码"> </el-table-column>
    </el-table>
    <div class="block">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage4"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="0"
      >
      </el-pagination>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
      input: ''
    }
  },
  created() {},
  mounted() {},
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
    }
  },
  computed: {}
}
</script>

<style scoped>
.el-input {
  width: 260px;
}
.el-button {
  margin-left: 20px;
}
</style>
